<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>服务器监控</title>
		<link rel="stylesheet" type="text/css" href="${s.base}/lib/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="${s.base}/css/base/index.css" />
		<link rel="stylesheet" type="text/css" href="${s.base}/lib/dtree/dtree.css" />
		<link rel="stylesheet" type="text/css" href="${s.base}/css/base/theme/theme.css"/>
	</head>
	<style type="text/css">
		.layui-form-radio{margin: 0px 10px 0 0;font-size: 0;}
		.base-information-line .layui-form-item .layui-input-block{width:calc(100% - 150px);}
		body,html,.wrap-container,.row,.welcome-left-container{height:calc(100% - 5px);}
		.panel{height:100%;}
	</style>
	<body style="background:#f2f2f2;">
	<div class="wrap-container welcome-container">
		<div class="row">
			<div class="welcome-left-container marb10 col-lg-4">
				<div class="panel">
					<!--<div class="service-mon-tit">-->
						<!--&lt;!&ndash;<span class="circle"><i class="iconfont FS18">&#xe63e;</i></span>&ndash;&gt;-->
						<!--<span><b>个人资料</b></span>-->
					<!--</div>-->
					<div class="layui-tab layui-tab-brief mart0" lay-filter="docDemoTabBrief" style="">
						<ul class="layui-tab-title">
							<li class="layui-this">个人资料</li>
						</ul>
					</div>
					<div class="layui-form">
						<div class="usernews-left-ctn">
							<div class="user-avatar">
								<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1554789843611&di=74ac646bc7393cfbb2fe80a9643b74bd&imgtype=0&src=http%3A%2F%2Fimg.mp.itc.cn%2Fupload%2F20160415%2F59cca1073eaa49788e349c67e4a9c37e.jpg">
								<span class="cy-a-blue" id="avatar">修改头像</span>
							</div>
							<div class="user-news-list">
								<ul>
									<li><span><i class="iconfont">&#xe649;</i>登录名称：</span>admin</li>
									<li><span><i class="iconfont">&#xe620;</i>手机号码：</span>15655158888</li>
									<li><span><i class="iconfont">&#xe675;</i>所属部门：</span>校长室</li>
									<li><span><i class="iconfont">&#xe648;</i>邮箱名称：</span>386395814@qq.com</li>
									<li><span><i class="iconfont">&#xe64e;</i>创建时间：</span>2019-04-09</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--基本资料-->
			<div class="welcome-left-container marb10 col-lg-8">
				<div class="panel">
					<!--<div class="service-mon-tit">-->
						<!--<span style="margin-right: 20px" class="checked"> <b>基本资料</b></span>-->
					<!--</div>-->
					<div class="layui-tab layui-tab-brief mart0" lay-filter="docDemoTabBrief" style="">
						<ul class="layui-tab-title">
							<li class="layui-this">基本资料</li>
							<li>修改密码</li>
						</ul>
						<div class="layui-tab-content" style="">
							<div class="layui-tab-item layui-show"><div class="usernews-left-ctn border0">
								<div class="layui-tab-item layui-show">
									<form class="layui-form base-information-line">
										<input type="hidden" class="form-control id" id="" name="id" value="${sysRole.id}" />
										<div class="layui-form-item">
											<label class="layui-form-label">角色名称：</label>
											<div class="layui-input-block">
												<select name="status" lay-verify="required">
													<option value="0">老师</option>
													<option value="1">班主任</option>
													<option value="1">校长</option>
												</select>
											</div>
										</div>
										<div class="layui-form-item ">
											<label class="layui-form-label">用户名：</label>
											<div class="layui-input-block">
												<input type="text" name="permission" required  lay-verify="required" placeholder="" value="admin" autocomplete="off" class="layui-input">
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label">手机：</label>
											<div class="layui-input-block">
												<input type="text" name="permission" required  lay-verify="required" placeholder="" value="15655158888" autocomplete="off" class="layui-input">
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label">邮箱：</label>
											<div class="layui-input-block">
												<input type="text" name="permission" required  lay-verify="required|email" placeholder="" value="386395814@qq.com" autocomplete="off" class="layui-input">
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label">性别：</label>
											<div class="layui-input-block">
												<input type="radio" name="sex" value="男" title="男">
												<input type="radio" name="sex" value="女" title="女" checked>
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label">备注：</label>
											<div class="layui-input-block">
												<textarea name="desc" placeholder="请输入内容" class="layui-textarea" style="resize:none"></textarea>
											</div>
										</div>
										<div class="layui-form-item center">
											<button class="layui-btn layui-btn-normal layui-btn-mid " type="button">确认修改</button>
											<button class="layui-btn layui-btn-mid layui-btn-primary " type="button">重置内容</button>
										</div>
									</form>
								</div>
							</div></div>
							<div class="layui-tab-item"><div class="usernews-left-ctn border0" style="height:398px">
								<div class="layui-tab-item layui-show">
									<form class="layui-form base-information-line">
										<input type="hidden" class="form-control id" id="id" name="id" value="${sysRole.id}" />
										<div class="layui-form-item">
											<label class="layui-form-label"><span class="red">*</span>当前密码：</label>
											<div class="layui-input-block">
												<input type="text" name="roleName" required  lay-verify="required" placeholder="请输入角色名称" value="${sysRole.roleName}" autocomplete="off" class="layui-input">
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label"><span class="red">*</span>新密码：</label>
											<div class="layui-input-block">
												<input type="text" name="permission" required  lay-verify="required" placeholder="请输入权限字符" value="${sysRole.permission}" autocomplete="off" class="layui-input">
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label"><span class="red">*</span>确认密码：</label>
											<div class="layui-input-block">
												<input type="text" name="sort" required lay-verify="required" placeholder="请输入排序" value="${sysRole.sort}" autocomplete="off" class="layui-input">
											</div>
										</div>
										<div class="layui-form-item center">
											<button class="layui-btn layui-btn-normal layui-btn-mid addBtn" type="button">确认修改</button>
										</div>
									</form>
								</div>
							</div></div>
						</div>
					</div>

				</div>
			</div>
			<!--修改密码-->
			<div class="welcome-left-container marb10 col-lg-4" style="display: none">
				<div class="panel">
					<div class="service-mon-tit">
						<span> <b>修改密码</b></span>
					</div>

				</div>
			</div>
	</div>
	<script src="${s.base}/lib/layui/layui.js" type="text/javascript" charset="utf-8"></script>
	<script src="${s.base}/js/common.js" type="text/javascript" charset="utf-8"></script>
	</body>
	<script>
	function updown(obj){
		$(obj).parent().parent().parent().find('.layui-form').toggleClass('hide');
        $(obj).toggleClass('rotate');
     	}
    function serclose(obj){
        $(obj).parent().parent().parent().hide();
    }
    layui.use(['form', 'jquery', 'page','dialog','baseutil','element','layer'], function() {
        var form = layui.form,
            $ = layui.jquery,
            page = layui.page,
            baseutil = layui.baseutil,
            dialog = layui.dialog,
            element = layui.element,
            layer = layui.layer;
       		 form.render();
        $("#avatar").bind("click",function () {
            dialog.popUpPage("修改头像","/sys/user/uploadAvatar.html","800px","680px");
        });
    })
	</script>
</html>